<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Demo Chat</title>
  <link href="ref/bootstrap.css" rel="stylesheet">
  <style>
    body {
      padding:20px;
    }
    #console {
      height: 400px;
      overflow: auto;
    }
    .username-msg {color:orange;}
    .connect-msg {color:green;}
    .disconnect-msg {color:red;}
    .send-msg {color:#888}
  </style>
    <script src="protobuf.js"></script>
    <!-- <script src="websocket.js"></script> -->

    <script src="ref/socket.io/socket.io.js"></script>
  	<script src="ref/moment.min.js"></script>
  	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="socketConn.js"></script>
</head>

<body>

  <h1>Netty-socketio Demo Chat</h1>
	<br/>
	<div id="console" class="well"></div>
  <form class="well form-inline" onsubmit="return false;">
     <input id="msg" class="input-xlarge" type="text" placeholder="Type something..."/>
     <button type="button" onClick="sendMessage()" class="btn" id="send">Send</button>
     <button type="button" onClick="sendDisconnect()" class="btn">Disconnect</button>
  </form>

</body>
</html>
